import axios from 'axios'
import store from '@/store/index.js'
import { ElMessage } from 'element-plus'
//导入判断token是否失效的方法
import {isCheckTimeout} from '@/utils/auth'

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

//添加请求拦截器
service.interceptors.request.use(
  config => {
    config.headers.icode = 'F753F02CA4550A45'
    //统一注入token
    if(store.getters.token){
      //判断token是否失效 调用我们封装好的isCheckTimeout函数
      if(isCheckTimeout()){
        //退出操作 调用vuex中action 中的logout方法进行退出
        store.dispatch('user/logout')
        return Promise.reject(new Error('token 失效'))
      }
      config.headers.Authorization = `Bearer ${store.getters.token}`
    }
    //配置了接口的国际化
    config.headers['Accept-Language'] = store.getters.language
    //必须返回config
    return config
  },error => {
    return Promise.reject(error)
  }
)

// 添加响应拦截器
service.interceptors.response.use(
  //请求成功
  response =>{
    const {success,message,data} = response.data
    //判断当前请求是否成功
    if(success){
    //成功返回解析后的数据
      return data
    }else{
      //失败(请求成功但是业务失败)给予对应提示
      ElMessage.error(message)
      return Promise.reject(new Error(message))
    }
  },
  //请求失败
  error => {
    //处理token超时问题
    if(error.response && error.response.data && error.response.data.code === 401){
      //调用vuex中的退出登录方法
      store.dispatch('user/logout')
    }

    ElMessage.error(error.message)
    return Promise.reject(error)
  }
)

export default service
